title: Access specific key/value pairs with keyvalue pipe
body: <p>I am using keyvalue pipe in Angular 11 for looping through the object I get form an Http Request. The problem is that in my template I only want to show specific key-value pairs and not what the whole object contains.</p>
  <p>For example I have this object:</p>
  <pre><code>agreedToTermsOfUse: true
  comments: &quot;&quot;
  companyId: &quot;20097&quot;
  contactId: &quot;20127&quot;
  createDate: 1617793054388
  ctCollectionId: &quot;0&quot;
  defaultUser: false
  emailAddressVerified: true
  externalReferenceCode: &quot;&quot;
  facebookId: &quot;0&quot;```
  
  and I only want to show companyId and contactId.
  
  The code in my template is the following: 
  
  &lt;button type=&quot;button&quot; (click)=&quot;getData()&quot;&gt;Click me&lt;/button&gt;
  &lt;div *ngFor=&quot;let item of dataObject | keyvalue&quot;&gt;
      &lt;b&gt;{{item.key}}&lt;/b&gt; : {{item.value}}
  &lt;/div&gt;
  
  and shows the whole content of the object.
  </code></pre>