 <p>If you mean, can how can you show the results of observable array in your view, then there's few ways to go on about that:</p> <p><div class="snippet" data-lang="js" data-hide="false"> <div class="snippet-code"> <pre class="snippet-code-js lang-js prettyprint-override"><code>var data = [{ Url: 's.Piece.Name', Id: 's.Id', IsLighted: 's.IsLighted', Class: 's.ColorType' }, { Url: 's.Piece.Name2', Id: 's.Id2', IsLighted: 's.IsLighted2', Class: 's.ColorType2' }]; var DemoPage = (function() { function DemoPage() { var self = this; self.CellList = ko.observableArray([]); self.updateBoard = function(cellList) { var _temp = []; for (var i = 0; i &lt; cellList.length; i++) { // I've created a temporary array here, so knockout won't // re-draw every time you push, then when we finally finish this loop // it's pushed to the right target _temp.push(cellList[i]); } self.CellList(_temp); } } return DemoPage; })(); var demo = new DemoPage(); ko.applyBindings(demo); demo.updateBoard(data);</code></pre> <pre class="snippet-code-css lang-css prettyprint-override"><code>.result p { color: teal } .result { margin-top: 11px; border-top: 1px solid #bbb; padding-top: 11px; }</code></pre> <pre class="snippet-code-html lang-html prettyprint-override"><code>&lt;script src="https://cdnjs.cloudflare.com/ajax/libs/knockout/3.2.0/knockout-min.js"&gt;&lt;/script&gt; &lt;p&gt;Display individual item:&lt;/p&gt; &lt;!-- ko if: CellList().length &gt; 0 --&gt; &lt;p data-bind="text: CellList()[0].Url"&gt;&lt;/p&gt; &lt;!-- /ko --&gt; &lt;p&gt;Or just loop them:&lt;/p&gt; &lt;!-- ko if: CellList().length &gt; 0 --&gt; &lt;div data-bind="foreach: CellList"&gt; &lt;div class="result"&gt; &lt;p data-bind="text: Url"&gt;&lt;/p&gt; &lt;p data-bind="text: Id"&gt;&lt;/p&gt; &lt;p data-bind="text: IsLighted"&gt;&lt;/p&gt; &lt;p data-bind="text: Class"&gt;&lt;/p&gt; &lt;/div&gt; &lt;/div&gt; &lt;!-- /ko --&gt;</code></pre> </div> </div> </p> <p>Notice that I've wrapped them with virtual if bindings - that's because on the initialization, the array is empty and there are no objects with those properties at that time. Only show them when there's at least 1 element in the array.</p> <p>You could also use mapping, and convert all object properties into observables, then they all could be changed dynamically later.</p>