title: How do I access an object by index in a knockout observablearray?
body: <p>I have an observable array:</p>
  
  <pre><code>var myObservableArray = ko.observableArray([
      { name: "Car", price: "9999" },
      { name: "Shoes", price: "20" },
      { name: "Paper", price: "1" }
  ]);
  </code></pre>
  
  <p>I'm trying to access the price of the first item in the array.</p>
  
  <pre><code>&lt;div data-bind="text: myObservableArray()[0]"&gt;&lt;/div&gt;
  </code></pre>
  
  <p>Displays:</p>
  
  <pre><code>[object Object]
  </code></pre>
  
  <p>I've tried:</p>
  
  <pre><code>&lt;div data-bind="text: myObservableArray()[0].price"&gt;&lt;/div&gt;
  </code></pre>
  
  <p>But that just returns a null.</p>
  
  <p>What's the correct syntax for doing this?</p>
  
  <p>Edit: Fixed a copy and paste error pointed out below.</p>