title: Custom knockout binding to display error messages
body: <p>I am currently using virtual elements to display validation errors (there can be more than 1 per path). </p>
  
  <pre><code>&lt;div data-bind="foreach: validationErrors"&gt;
      &lt;!-- ko if: path == 'title' &amp;&amp; type == 'validation' --&gt;
      &lt;div class="field-validation-error text-danger" data-bind="text: message"&gt;&lt;/div&gt;
      &lt;!-- /ko --&gt;
  &lt;/div&gt;
  </code></pre>
  
  <p>An example error that will be consumed by this is:</p>
  
  <pre><code>{
     path: 'title',
     type: 'validation',
     message: 'Title is required'
  }
  </code></pre>
  
  <p>How can I achieve the same thing using a custom binding? I can't seem to find an intelligible example close enough to what I'm doing to be of any use.</p>