title: How to access the index of an item in knockout.js template
body: <p>Within my template in tbody below, how can I access the index of the item being rendered?</p>
  
  <pre><code>&lt;table&gt;
          &lt;tbody data-bind="foreach:contacts"&gt;
              &lt;tr class="contactRow" valign="top"&gt;
              &lt;td&gt;&lt;a href="#" data-bind="click: function(){viewModel.removeContact($data)}"&gt;Delete&lt;/td&gt;
              &lt;td&gt;&lt;input data-bind="value: FirstName" name="Contacts[].FirstName"/&gt;&lt;/td&gt;
              &lt;td&gt;&lt;input data-bind="value: LastName" name= "Contacts[].LastName"  /&gt;&lt;/td&gt;
              &lt;td&gt;&lt;input data-bind="value: Username"  name="Contacts[].Username"/&gt;&lt;/td&gt;
              &lt;td&gt;&lt;input data-bind="value: Email"   name="Contacts[].Email"/&gt;&lt;/td&gt;
          &lt;/tr&gt;
          &lt;/tbody&gt;
          &lt;thead&gt;
              &lt;tr&gt;
                  &lt;th&gt;Controls&lt;/th&gt;
                  &lt;th&gt;First Name&lt;/th&gt;
                  &lt;th&gt;Last Name&lt;/th&gt;
                  &lt;th&gt;Username&lt;/th&gt;
                  &lt;th&gt;Email&lt;/th&gt;
              &lt;/tr&gt;
          &lt;/thead&gt;
      &lt;/table&gt;
  </code></pre>