title: Get nth item from observable array
body: <p>I'm learning Knockout, and have an <code>pdfs</code> observable array which consists of 4 items. I need the HTML output of the items to look like this:</p>
  
  <pre><code>Intro Text
  [Item 1].name is located in [Item 1].location
  
  Some links, other body text
  [Item 2].name is located in [Item 2].location
  [Item 3].name is located in [Item 3].location
  [Item 4].name is located in [Item 4].location
  </code></pre>
  
  <p>I've found a few places that reference <code>data-bind="text: pdfs[nth].name"</code> but if I do this I get 'pdfs is not defined' or similar. I realise I could use two foreach loops and the <code>&lt;!-- ko if: $index() == nth --&gt;</code> but surely there has to be a better way?</p>
  
  <p>It seems like something a few people would want to do, so I hope theres a robust solution. I realise I'm talking about the first item here (and everything else could just be looped out in the <code>foreach</code>), but I'm interested overall for <code>nth</code> (if I want to put say, item 3 somewhere special).</p>
  
  <p>*I don't really want to create a custom binding, if possible</p>