title: How can I filter select list options based on foreach observablearray property
body: <p>I have a <code>foreach</code> that uses an observablearray called <code>CertificateDetailsToShow</code>.  <code>CertificateDetailsToShow</code> has a column called <code>LoanNum</code>.  Nested in the foreach, I have a select list that uses an observablearray called <code>DDABankNum</code>s (populates the select list options).  It has a property called <code>mLoanNum</code>.  I want to filter what is displayed in the select list based on the <code>LoanNum</code> from both observablearrays (<code>DDABankNums.mLoanNum = CertificateDetailsToShow.LoanNum</code>).  How can I do that?  </p>
  
  <p>My view code-</p>
  
  <pre><code>&lt;tbody data-bind="foreach: CertificateDetailsToShow"&gt;
    &lt;tr id="Tr1" style="cursor: pointer"&gt;
      &lt;td&gt;
        &lt;ul style="width: 100%"&gt;
          &lt;h5 class="muted"&gt;&lt;b&gt;Loan:&amp;nbsp;&lt;span class="muted" data-bind="text: LoanNum"&gt;&lt;/span&gt;&amp;nbsp;(&lt;span data-bind="    text: CurrType"&gt;&lt;/span&gt;)&lt;/b&gt;
            &lt;select id="Select1" style="margin-top: 0px; height: 24px; width: 160px !important"
              data-bind="options: $parent.DDABankNums, optionsText: 'AccountName', value: $parent.mLoanNum, optionsCaption: $data.LoanNum"&gt;
            &lt;/select&gt;
          &lt;/h5&gt;
        &lt;/ul&gt;
      &lt;/td&gt;
    &lt;/tr&gt;
  &lt;/tbody&gt;
  </code></pre>