使用Knockout.js，我试图在url与当前站点url绑定不匹配时显示一个外部图标

我正在使用Knockout.js，我需要告诉网站搜索结果是外部链接还是内部链接。现在它们都显示为外部链接，因为有一个for-each显示结果，每个搜索结果上都显示图标。我已经硬编码的解决方案，但我需要一个通用的解决方案，因为这将在多个网站上使用。我需要绑定到标记，并告诉它仅在url与站点url匹配时显示，而无需硬编码。我曾考虑使用一个变量，但我对开发非常陌生，不确定在这个例子中如何进行，或者语法会是什么样子。以下是我为foreach block准备的：

 <ul class="search-results" data-bind="foreach: results">
    <li>
       <a data-bind=" attr: { href: $data.url }" title="View Details">
          <h4>
             <b data-bind="html: $data.title"></b>
          </h4>
          <p data-bind="text: $data.description"></p>
            **<i data-bind="visible: url.indexOf('example.com/') === -1" class="fa fa- 
                 fw fa-external-link"></i>**
       </a>
    </li>
 </ul>

数据绑定以检查i标记上的可见性

 <i data-bind="visible: $data.externalIcon" class="fa fa-fw fa-external-link"></i>

 <i data-bind="visible: $data.externalIcon" class="fa fa-fw fa-external-link"></i>